<template>
  <div class="error">
    <el-card
        shadow="never"
    >
      <template #header>
        页面不存在……
      </template>
      <el-image :src="bg"/>
      <el-button round type="primary" @click="go">首页</el-button>
    </el-card>
  </div>
</template>

<script setup lang="ts">
import bg from "@/assets/404.svg"
import {useRouter} from "vue-router";

const router = useRouter()
const go = () => {
  router.push({path: '/dashboard'})
}
</script>

<style scoped lang="less">
.error {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.el-card {
  border:0;
}
</style>